<!DOCTYPE html>
<html>
<head>
  <title>故障诊断知识图谱</title>
  <script src="d3.v7.min.js"></script>
  <script src="axios.min.js"></script>
  <style>
    /* Add your custom styles here if needed */
    .node {
      stroke: #47df06;
      stroke-width: 2px;
    }
    .link {
      fill: none;
      stroke: #05eef2;
      stroke-width: 1px;
    }
    .nodetext {
      font-size: 8px;
      text-anchor: middle;
      fill: white; /* Set font color to white */
      pointer-events: none; /* Prevents mouse interactions on text elements */
    }

    .linktext {
      font-size: 4px;
      text-anchor: middle;
      fill: rgb(3, 36, 166); /* Set font color to white */
      pointer-events: none; /* Prevents mouse interactions on text elements */
    }
  </style>
</head>
<body>
  <div id="visualization"></div>
  <script src="graph.js"></script>
</body>
</html>
